<template>
  <div id="cesiumContainer"></div>
</template>
<script setup>
import * as Cesium from "cesium";
import TOKEN from "@/utils/cesium/token.js";
onMounted(() => {
  Cesium.Ion.defaultAccessToken = TOKEN;

  const esri = new Cesium.ArcGisMapServerImageryProvider({
    // ArcGIS 影像图层
    url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
    enablePickFeatures: false,
  });
  // 实例化
  const viewer = new Cesium.Viewer("cesiumContainer", {
    // imageryProvider: esri, // 自定义贴图
    // terrainProvider: Cesium.createWorldTerrain({
    //   // 地形图层
    //   requestWaterMask: true, // 水面特效
    // }),
    // 界面控件 全部关闭
    // timeline: false, // 时间轴控件
    // animation: false, // 动画控件
    // geocoder: false, // 搜索按钮
    // homeButton: false, // 主页按钮
    // sceneModePicker: false, // 投影方式按钮
    // baseLayerPicker: false, // 图层选择按钮
    // navigationHelpButton: false, // 帮助手势按钮
    // fullscreenButton: false, // 全屏按钮
  });


});
</script>

<style scoped>
#cesiumContainer {
  width: 100%;
  height: 100%;
}
</style>
